<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<!-- IE 浏览器运行最新的渲染模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 启用响应式特性 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 双核使用webkit内核 -->
<meta name="renderer" content="webkit">
<title>商旅系统</title>
<link href="../../../css/bootstrap.min.css" rel="stylesheet">
<link href="../../../css/common.css" rel="stylesheet">
<link href="../../../css/corptravel.css" rel="stylesheet">
<link href="../../../css/enterprise.css" rel="stylesheet">
<!--<link href="../../../js/icheck/skins/all.css" rel="stylesheet" type="text/css">-->
<!-- IconFont图标 -->
<link href="../../../css/iconfont.css" rel="stylesheet">
<script type="text/javascript" src="../../../js/jquery-1.9.1.min.js"></script>
<script src="../../../js/bootstrap.min.js"></script>
<!-- 兼容IE8 -->
<!--[if lte IE 9]>
    <script type="text/javascript" src="../../../js/html5shiv.min.js"></script>
    <script type="text/javascript" src="../../../js/respond.min.js"></script>
    <![endif]-->
<!-- layer弹框 2.1 -->
<script type="text/javascript" src="../../../js/layer/layer.js"></script>
<!-- 日历控件 -->
<script language="javascript" type="text/javascript" src="../../../js/My97DatePicker/WdatePicker.js"></script>

<!-- TAB -->
<script type="text/javascript" src="../../../js/base.js"></script>
<script>
$(document).ready(function() {

	$("#bank-change li").first().prepend("<span class='ico-bank-change'></span>");
    $("#bank-change li").click(function(){
		$(this).prepend("<span class='ico-bank-change'></span>");
		$(this).siblings().children("span.ico-bank-change").remove();
		$(this)
		});
    $("#bank-change2 li").click(function(){
		$(this).prepend("<span class='ico-bank-change'></span>");
		$(this).siblings().children("span.ico-bank-change").remove();
		$(this)
		})
	   
	
	
	
});						   
</script>
</head>
<body >
<!-- header -->
<div class="container mar-top-10 mar-bottom-10">
  <div class="row ">
<!--    <div class="col-md-5"> <img src="../../../img/logo.png" width="210" height="70" alt="系统LOGO" class="pull-left mar-right-30">-->
      <h3 class="gray-666">企业商旅管理</h3>
    </div>
  </div>
</div>
<!-- header end -->

<div class="container bg-white box-shadow pad-15 mar-bottom-30" style=" position:relative;">
<!-- 支付提示 -->
<div class="tishibox">
  <p class="title">支付已成功!</p>
   <p>您可以继续操作：<a href="../reserve/reservelist.html">[查看我的订单]</a> <a href="../search.html">[返回首页]</a> </p>
  <div class="img_fudong"> <a href="#"><img src="../../../img/chenggong2.gif" width="50" height="50" border="0" /></a></div>
  <div class="clearfix"></div>
</div>
<!-- 支付提示 结束 -->

<div class="clearfix"></div>
<div class="text-center mar-bottom-10">
  <input type="button" value="返回" class="btn btn-default " onclick="javascript: history.go(-1);" > 
</div>

</div>


<!-- 修改联系人弹框 -->
<div id="contact-info" style="display:none">

	<div class="modal-body" >
    <form class="form-horizontal">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-4 control-label">联系人</label>
    <div class="col-sm-7">
      <input type="text" class="form-control" id="" placeholder="请输入姓名">
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-4 control-label">手机号</label>
    <div class="col-sm-7">
      <input type="text" class="form-control" id="" placeholder="请输入手机号">
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-4 control-label">座机号</label>
    <div class="col-sm-7">
      <input type="text" class="form-control" id="" placeholder="请输入座机号">
    </div>
  </div>
  
</form>
</div>
			
				<div class="modal-footer ">
				  <label class="mar-right-30" style=" font-weight:normal;"><input name="" type="checkbox" value="" checked> 下次继续使用该联系人</label>
				
				  <button type="button" class="btn btn-primary" onClick="layer.closeAll()">确 定</button>	<button type="button" class="btn btn-default" onClick="layer.closeAll()">关 闭</button>
				</div>
			</div>

<!-- 提交订单弹框 -->
<div id="rev" style="display:none">
				
				<div class="modal-body" >
         <div class="pad-10 ">  <span class="red"> 您购买的保险份数，少于实际预订乘客人数，请确认是否有乘客遗漏了保险。</span></div>
             
             </div>
			
				<div class="modal-footer mar-top-5">
				
					<button type="button" class="btn btn-primary" onClick="layer.closeAll()">返回，核实保险</button>	<button type="button" class="btn btn-default" onClick="location.href='支付.html'">没有问题，继续下一步</button>
				</div>
			</div>





<script type="text/javascript">

    $(function() {
        $('.bubbleinfo').each(function() {
            var distance = 10;
            var time = 10;
            var hideDelay = 100;

            var hideDelayTimer = null;

            var beingShown = false;
            var shown = false;
            var trigger = $('.trigger', this);
            var info = $('.popup', this).css('opacity', 0);


            $([trigger.get(0), info.get(0)]).mouseover(function() {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                if (beingShown || shown) {
                    // don't trigger the animation again
                    return;
                } else {
                    // reset position of info box
                    beingShown = true;

                    info.css({
                        top: 30,
                        left:0,
                        display: 'block'
                    }).animate({
                        top: '-=' + distance + 'px',
                        opacity: 1
                    }, time, 'swing', function() {
                        beingShown = false;
                        shown = true;
                    });
                }

                return false;
            }).mouseout(function() {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                hideDelayTimer = setTimeout(function() {
                    hideDelayTimer = null;
                    info.animate({
                        top: '-=' + distance + 'px',
                        opacity: 0
                    }, time, 'swing', function() {
                        shown = false;
                        info.css('display', 'none');
                    });

                }, hideDelay);

                return false;
            });
        });
    });
    
  
</script>


    
    
    
<script>
$(document).ready(function() {	
	
	$(".clk01").click(function(){  //组织架构
	   layer.open({
       type: 2,
       shift: 2,  //出场动画
       area: ['800px', '60%'],
	   title :'组织架构',
       shadeClose: true, //开启遮罩关闭
       content: '../企业客户管理/新组织架构.html'
       });
	});

    $('.zw1').on('click', function(){
      layer.open({
	  type: 1,
	  title: '修改联系人信息',
      area: ['400px', 'auto'],
      fix: false, //不固定
      maxmin: false,
      content: $('#contact-info'),
      });
    });
	
	$('.zw2').on('click', function(){  //提交订单弹框
      layer.open({
	  type: 1,
	  title: '提示',
      area: ['400px', 'auto'],
      fix: false, //不固定
      maxmin: false,
      content: $('#rev'),
      });
    });

});
</script>
</body>
</html>
